<template>
	<!-- 提现 -->
	<view class="px-[32rpx] bg-[#F7F7F7]">
		<view
			class="flex items-center pt-[92rpx] font-medium text-[28rpx] text-[#000000] leading-[40rpx] text-left font-[PingFang-SC] ">
			提现方式：
			<view class="flex items-center">
				<image class="ml-[20rpx] w-[50rpx] h-[44rpx] mr-[24rpx]" src="@/static/images/img/weixinzhifu.png">
				</image>
				<view>微信余额</view>
			</view>
		</view>
		<view
			class="flex items-center mt-[56rpx] font-medium text-[28rpx] text-[#000000] leading-[40rpx] text-left font-[PingFang-SC] ">
			提现类型：
			<view class="flex items-center">
				<up-radio-group v-model="radiovalue6" placement="row" activeColor="#F7F7F7" iconColor="#000000">
					<up-radio :customStyle="{ marginRight: '16px' }" v-for="(item, index) in radiolist6" :key="index"
						:label="item.name" :name="item.name">
					</up-radio>
				</up-radio-group>
			</view>
		</view>
		<view class="w-[686rpx] h-[830rpx] bg-[#FFFFFF] mt-[40rpx] px-[28rpx] pt-[24rpx]">
			<view class="font-medium text-[24rpx] text-[#000000] leading-[36rpx] text-left font-[PingFang-SC]">
				提现金额
			</view>
			<view class="flex items-center mt-[24rpx] pb-[10rpx] " style="border-bottom: 2rpx solid #EDEDED">
				<view class="mr-[16rpx] font-semibold text-[28rpx] text-[#000000] leading-[36rpx]  font-[PingFangSC]">￥
				</view>
				<up-input placeholder="可提现金额0(可用保障金0)" border="none" v-model="value" @change="change"></up-input>
			</view>
			<view
				class=" mt-[42rpx] font-medium text-[24rpx] text-[#666666] leading-[52rpx] text-left font-[PingFang-SC]">
				若存在在线交易车源交易未完结，则只能提现超过3000元部分的可用保障金，若可用保障金不足3000元，剩余可用保障金都不能提现。
				<view
					class=" mt-[42rpx] font-medium text-[24rpx] text-[#666666] leading-[52rpx] text-left font-[PingFang-SC]">
					所有在线交易完结，可全额提现保障金。保障金原路返还。若原路退还失败，则将对应金额转账到该微信余额中。
					若为他人代付，将退还或转账至代付人的微信中。</view>
			</view>
		</view>
		<view class="h-[88rpx] mt-[142rpx]">
                    <up-button text="提现到微信余额" :customStyle="{
                        color: '#FFEFB8',
                        padding: '12rpx 74rpx',
                        fontWeight: '500',
                        borderRadius: '16rpx',
                        fontSize: '28rpx',
                        lineHeight: '40rpx',
                        background: 'linear-gradient( 98deg, #454545 0%, #000000 100%)'
                    }"></up-button>
            </view>
	</view>
</template>

<script setup>
import { ref } from 'vue';

const radiovalue6 = ref('部分提现'); // 设置默认值为第一个选项
const radiolist6 = ref([
	{
		name: '部分提现',
		disable: false

	},
	{
		name: '全额提现(解约)',
		disable: false

	}
]);
</script>
<style scoped lang="scss"></style>